/* var */
@base-font:14px "Microsoft YaHei",Arial,Helvetica,Sans-Serif;
@content-wd:1200px;
@max-wd:1920px;
@main-color:#ff6600;
@bg-col-fa:#fafafa;
@bg-col-fff:#FFF;
@border-col-d8:#D8D8D8;
@border-col-f0:#F0F0F0;
@text-col-6c:#6c6c6c;
@text-col-orange:#ff6600  !important;
@text-black:#000 !important;
@col-black: #000;
@col-50: #505050;
@col-333: #333;
@col-666: #666;
@col-777: #777;
@col-orange: #ff6600;
@col-5a: #5a5a5a;
@col-f6: #f6f6f6;
@col-92: #929292;
@col-96: #969696;
@col-e2: #e2e2e2;
@col-a1: #a1a1a1;
@col-f05761: #f05761;
@col-blue: #078dfa;
@col-light-red: #FE5762;
@col-light-gray: #bfbfbf;
@col-green: #28ae61;
@col-light-green: #49bfb5;
@col-btn: #61b4e0;
@col-btn-h: #71b4e0;
@col-btn-hover: #dcf0f9;
@rank-red: #f05761;
@img-url:"../images/";

@dtk-dp-blue: #218acb;
@dtk-lt-blue: #59a4d1;

@f12:12px;
@f14:14px;
@f16:16px;
@f18:18px;
@f20:20px;
@f22:22px;
@f24:24px;
@f26:26px;
@f28:28px;
@f30:30px;
@f32:32px;
@f34:34px;
@f52:52px;
@getVersion: 20170727003;

//common width
@media-sell-well: 291px;
@media-sell-well-pad: @media-sell-well - 30;
@media-top-wid: 587px;
@media-top-wid-right: @media-top-wid - 255 - 15;
@media-top-list-img: 255px;
@media-ind-wid: 290px;

.float(@dir:left){
  float:@dir;
}
.position(@value:relative,@top:0,@right:0,@bottom:0,@left:0) {
  position: @value;
  top: @top;
  right: @right;
  bottom: @bottom;
  left: @left;
}
.auto-width(@val){
  width:percentage(@val / @max-wd);
}
.auto-margin-left(@val){
  margin-left:percentage(@val / @max-wd);
}
/* share */
.triangle-right-border(@wd,@half-hg,@_border-color){
  margin-top:-@half-hg;
  border-left:@wd solid @_border-color;
  border-top:@half-hg solid transparent;
  border-bottom:@half-hg solid transparent;
  z-index:11;
}
.triangle-right-bg(@wd,@half-hg,@_bg-color){
  margin-top:-@half-hg;
  border-left:@wd solid @_bg-color;
  border-top:@half-hg solid transparent;
  border-bottom:@half-hg solid transparent;
  z-index:12;
}
.text-align(@dir:center) {
  text-align: @dir !important;
}
.pointer {
  cursor: pointer;
}
.bgColor(@dir:#fff) {
  background-color: @dir;
}

.triangle-up(@wid:9px,@col:#ff6600) {
  width: 0;
  height: 0;
  border-left: @wid solid transparent;
  border-right: @wid solid transparent;
  border-bottom: @wid solid @col;
}

.triangle-down(@wid:9px,@col:#ff6600) {
  width: 0;
  height: 0;
  border-left: @wid solid transparent;
  border-right: @wid solid transparent;
  border-top: @wid solid @col;
}

//截断字体
.breakTxt {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wordBreak {
  word-break: break-all;
  word-wrap: break-word;
}

.box(@wid:100px,@hei:30px) {
  width: @wid;
  height: @hei;
  line-height: @hei;
}

//改变placeholder字体颜色
.pHolder(@col) {
  input:-moz-placeholder,
  input::-moz-placeholder ,
  input:-ms-input-placeholder  ,
  input::-webkit-input-placeholder {
    color: #e66e66;
  }
}